<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WK科技CTB</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./ctb/ctb.css" />
  </head>
  <body>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.2.0/axios.min.js"></script>
    <div class="main">
      <!-- --左边导航栏 -->
      <div class="tab">
        <div class="logo">
          <div class="out">
            <img src="./images/logo4.png" alt="" />
          </div>
        </div>
        <div class="chuangjian">
          创建项目
          <i class="iconfont icon-jia"></i>
        </div>
        <div class="gainian1 xialakuang1 la" style="display: none">项目概念</div>
        <div class="renwu1 xialakuang1 la" style="display: none">任务列表</div>
        <div class="chuangjian1 xialakuang1 la" style="display: none">创建任务</div>
        <ul>
          <li class="pan"><i class="iconfont icon-yibiaopan"></i> 仪表盘</li>
          <!-- 我的项目 -->
          <li class="item">
            <i class="iconfont icon-shuxie"></i>
            我的项目
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_liebiao xialakuang kapian la" style="display: none">
            项目
          </div>
          <div class="liebiao xialakuang2 la" style="display: none">列表显示</div>
          <div class="renwu2 xialakuang2 la" style="display: none">任务管理</div>
          <div class="wenjian2 xialakuang2 la" style="display: none">文件管理</div>
          <div class="gainian2 xialakuang2 la" style="display: none">概念动态</div>
          <div class="tongji xialakuang2 la" style="display: none">统计</div>
          <!-- 我的任务 -->
          <li class="renwu">
            <i class="iconfont icon-renwu"></i>
            我的任务
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_renwu xialakuang5 la" style="display: none">
            任务
          </div>
          <div class="bianji xialakuang3 la" style="display: none">编辑任务</div>
          <!-- 报表管理 -->
          <li class="baobiao">
            <i class="iconfont icon-baobiao"></i>
            报表管理
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="yy_baobiao xialakuang2 la" style="display: none">报表</div>

          <div class="fenbu xialakuang4 la" style="display: none">任务分布</div>
          <div class="jinzhan xialakuang4 la" style="display: none">任务进展</div>
          <!-- 系统设置 -->
          <li class="xitong">
            <i class="iconfont icon-xitongshezhi"></i>
            系统设置
            <i class="iconfont icon-jiantou_liebiaozhankai"></i>
          </li>
          <div class="xiaoxi xialakuang5 la" style="display: none">消息管理</div>
          <div class="rizhi xialakuang5 la" style="display: none">日志管理</div>
        </ul>
      </div>
      <!-- 右边模块 -->
      <div class="right">
        <div class="header">
          <i class="iconfont icon-liebiao2"></i>
          <i class="iconfont icon-Magnifier"></i>
          <i class="iconfont icon-xiaoxi"></i>
        </div>
        <div class="big-content">
          <div class="content">
            <!-- 任务数 -->
            <div class="content_hd">
              <ul>
                <li>
                  <span>我的待办</span>
                  <span class="shuzi"><i class="one">8</i>个任务</span>
                </li>
                <li>
                  <span>已延期</span>
                  <span class="shuzi"><i class="two">2</i>个任务</span>
                </li>
                <li>
                  <span>本周完成任务数</span>
                  <span class="shuzi"><i class="three">3</i>个任务</span>
                </li>
              </ul>
            </div>
            <!-- 内容主体 -->
            <div class="content_bd">
              <div class="bd_header">
                <div class="bd_left">
                  <div>任务列表</div>
                  <div class="tianjia"><i>+</i> 新建</div>
                </div>
                <div class="bd_right">
                  <div class="time">
                    <span class="time1 kl kpl">全部</span>
                    <span class="time2 kl">已延期</span>
                    <span class="time3 kl">已完成</span>
                  </div>
                  <div class="search">
                    <input type="text" placeholder="请输入" />
                    <div class="btn">
                      <i class="iconfont icon-Magnifier"></i>
                    </div>
                  </div>
                </div>
              </div>
              <div class="bd_zhuti">
                <table>
                  <tr class="tou">
                    <th>
                      <div class="big">
                        <div class="small"></div>
                      </div>
                    </th>
                    <th>任务</th>
                    <th>项目所属</th>
                    <th>项目组长</th>
                    <th>状态</th>
                    <th>计划开始</th>
                    <th>计划结束</th>
                    <th>实际开始</th>
                    <th>实际结束</th>
                    <th>操作</th>
                  </tr>
                  <tbody class="list"></tbody>
                  <!-- <tr class="tou">
                    <td>
                      <input type="checkbox" />
                    </td>
                    <td>方案设计</td>
                    <td>项目1</td>
                    <td>二狗子</td>
                    <td>未开始</td>
                    <td>2019-06-16</td>
                    <td>2019-06-16</td>
                    <td>2019-06-16</td>
                    <td>2019-06-16</td>
                    <td>
                      <a href="#">编辑</a> |
                      <a href="#">更多<i class="iconfont icon-jiantou_liebiaozhankai"></i></a>
                    </td>
                  </tr> -->
                </table>
                <!-- 分页器 -->
                <ul class="fenye">
                  <!-- <li><div class="prev"><</div></li> -->
                  <!-- <li>1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                  <li>5</li>
                  <li>6</li>
                  <li>7</li>
                  <li>8</li>
                  <li>9</li> -->
                  <!-- <li><div class="next">></div></li> -->
                </ul>
              </div>
            </div>
          </div>
          <div class="scorll"></div>
        </div>
      </div>
      <!-- 弹框 -->
      <div class="tanbox">
        <h1 class="title"></h1>
        <form action="">
          任务<br /><input type="text" name="renwu" /><br />
          项目所属<br /><input type="text" name="name" /><br />
          项目组长<br /><input type="text" name="leader" /><br />
          状态<br /><select name="zhuangtai">
            <option value="1">未开始</option>
            <option value="2">已完成</option>
            <option value="3">已延期</option>
          </select>
          <br />
          计划开始<br /><input type="date" name="start" /><br />
          计划结束<br /><input type="date" name="end" /><br />
          实际开始<br /><input type="date" name="create" /><br />
          实际结束<br /><input type="date" name="update" /><br />
        </form>
        <button class="quxiao">取消</button>
        <button class="submit">确定</button>
      </div>
      <!-- 弹框 -->
    </div>
    <script src="./ctb/ctb.js"></script>
    <script src="./dianji.js"></script>

  </body>
</html>
